<!DOCTYPE html>
<html >
  <head>
    <meta charset="utf-8">
    <title>Tu cuenta de Usuario</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="Rikhart" content="">

    <!--styles -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
      .hero-unit img{
        float: left;
        margin: 20px;
        width:100px;
        height: 100px; 
      }
      .span3{
        float: left;
        position: fixed;
      }
      .hero-unit{
        overflow: hidden;
      }
      #problemasVisorUser a{
        margin: 20px;
        text-decoration: none;
        float: left;
        padding: 10px;
      }


      #matriculados,#problemasPropuestos,#eventos,#retoSemanal,#cargarProblema,#rendimientoPersonalizado{

        display: none;
      }
      #welcome,#matriculados,#problemasPropuestos,#eventos,#retoSemanal,#cargarProblema,#rendimientoPersonalizado{

        float: right;
      }
    </style>
    <link href="../css/bootstrap-responsive.css" rel="stylesheet">
    <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../js/js.js"></script>
    <script type="text/javascript" src="../js/bootstrap-dropdown.js"></script>
  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">Alumno Profile</a>
          <div class="btn-group pull-right">
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
              <i class="icon-user"></i> Username
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#">Profile</a></li>
              <li class="divider"></li>
              <li><a href="../controlers/salir.php">Sign Out</a></li>
            </ul>
          </div>
          
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list" id="dz">
              <li class="nav-header">ACTIVIDADES</li>
              <li><a href="#rendimientoPersonalizado">Ver mi Rendimiento</a></li>
              <li class="nav-header">PROBLEMAS</li>
              <li><a href="#problemasPropuestos">Problemas Introductorios</a></li>
              <li><a href="#retoSemanal">Mi Reto Semanal</a></li>
              <li class="nav-header">EVENTOS</li>
              <li><a href="#">Ver Eventos Creados</a></li>
              <li><a href="#">Comentar Evento</a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->

        
        <div class="span9" id="welcome">
          <div class="hero-unit">
            <h1>Welcome <img src="../img/defaultUser.jpg" alt=""></h1>            
            <p>Bienvenido a su cuenta de Alumno </p>
            <?php include ("../controlers/sesion.php");
            echo "Codigo de Usuario :";
            echo $_SESSION["codigo"];
                ?>
                
            <p><a class="btn btn-primary btn-large">Sobre Ud&raquo;</a></p>
          </div>
          <div class="row-fluid">
            <div class="span4">
              <h2>Lo Compartido</h2>
              <p>Ingresa y descarga la información compartida por tu profesor.</p>
              <p><a class="btn" href="#">Descargas &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Eventos</h2>
              <p>Observa la lista de los eventos en los cuales que participaste.</p>
              <p><a class="btn" href="#">View &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Me Gusta</h2>
              <p>Diviertete mucho más...</p>
              <p><a class="btn" href="https://www.facebook.com">View details &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->        
        </div><!--/span-->
        <div class="span9" id="rendimientoPersonalizado">
          <div class="hero-unit">
            <center>
            <h3>Rendimiento</h3>            
            <p>Problemas</p>            
            <iframe src="../controlers/anexoRendimientoPersonalizado.php" width='350px' height="110px"></iframe>
          </center>
          </div>
        </div>
        <!--****************-->
        <div class="span9" id="retoSemanal">
          <div class="hero-unit">
            <h3>Comienza a Resolver...</h3>
            <p>Seleciona cualquiera de los siguientes Problemas establecidos por su profesor, descarga el archivo de entrada, luego sube tu salida (subir por favor las salidas con el mismo nombre del problema). Y espera tu solución... Practica la programación...</p>            
                <div id="problemasVisorUser">
                      <h2>&nbsp; Reto Semanal</h2>
                          <a href="../views/ProblemaA.php"><img src="../img/problem.png">Problema:A</a>
                          <a href="../views/ProblemaB.php"><img src="../img/problem.png">Problema:B</a>
                          <a href="C"><img src="../img/problem.png">Problema:C</a>   
                          <a href="D"><img src="../img/problem.png">Problema:D</a>
                          <a href="E"><img src="../img/problem.png">Problema:E</a>
                          <a href="F"><img src="../img/problem.png">Problema:F</a>
                          <a href="G"><img src="../img/problem.png">Problema:G</a>   
                          <a href="H"><img src="../img/problem.png">Problema:H</a>                      
                </div>          
          </div>                  
        </div><!--/span-->
        <!--****************-->
        <!--****************-->
        <div class="span9" id="problemasPropuestos">
          <div class="hero-unit">
            <h3>Lista de Problemas</h3>            
            <p>Lista</p>  
              <div class="problemas">
                    
                        <h2 class="desindenta">1. &nbsp; Introductorios</h2>
                        <table style="" cellspacing="0" width="90%">
                    
                    <tbody><tr>
                        <!--<td width='5%' align=right valign=center><a href='Problemas_pdf'><img src='imagenes/ico-accepted.png'></a></td>-->
                        <td width="8%" align="center"><img src="../img/intro.jpg"></td>
                        <td width="60%" align="left"><a href="intro.php">Duplica</a> </td>
                    </tr>
                
                    <tr>
                        <td width="8%" align="center"><img src="../img/intro.jpg"></td>
                        <td width="60%" align="left"><a href="/?cmd=problema&amp;pbm=helloworld">¡Hola mundo!</a> </td>
                    </tr>
                  </tbody></table>
                </div>         
          </div>                  
        </div>
        
        <!--/span-->
        <!--****************-->        
      </div><!--/row-->

      <hr>

      <footer>
        <p>&copy;Software 2012</p>
      </footer>

    </div>

  </body>
</html>
